<!-- 电子EIR管理 -->
<template>
  <div class="eir-man">
    <!-- 查询 -->
    <el-row :gutter="15">
      <el-col :span="20">
        <el-form :label-width="labelWidth" size="mini" :inline="true" class="demo-form-inline">
          <el-form-item label="提单号">
            <el-input></el-input>
          </el-form-item>
          <el-form-item label="客户名称">
            <el-input></el-input>
          </el-form-item>
          <el-form-item label="船代公司">
            <el-input></el-input>
          </el-form-item>
          <el-form-item label="内部编号">
            <el-input></el-input>
          </el-form-item>
          <el-form-item label="部门">
            <el-input></el-input>
          </el-form-item>
          <el-form-item label="业务员">
            <el-input></el-input>
          </el-form-item>
          <el-form-item label="上传日期">
            <el-date-picker
              type="daterange"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期">
            </el-date-picker>
          </el-form-item>
          <el-form-item>
            <el-button size="mini">批量上传EIR</el-button>
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="4">
        <el-button type="primary" size="mini">查询</el-button>
        <el-button size="mini">清空</el-button>
      </el-col>
    </el-row>
    <!-- 表格 -->
    <el-table
      border
      height="600px"
      style="width: 100%">
      <el-table-column
        label="序号">
        <template slot-scope="scope">
        </template>
      </el-table-column>
      <el-table-column
        label="客户名称">
        <template slot-scope="scope">
        </template>
      </el-table-column>
      <el-table-column
        label="船名">
        <template slot-scope="scope">
        </template>
      </el-table-column>
      <el-table-column
        label="航次">
        <template slot-scope="scope">
        </template>
      </el-table-column>
      <el-table-column
        label="提单号">
        <template slot-scope="scope">
        </template>
      </el-table-column>
      <el-table-column
        label="箱型箱量">
        <template slot-scope="scope">
        </template>
      </el-table-column>
      <el-table-column
        label="电子EIR">
        <template slot-scope="scope">
        </template>
      </el-table-column>
      <el-table-column
        label="打印状态">
        <template slot-scope="scope">
        </template>
      </el-table-column>
      <el-table-column
        label="最后修改人">
        <template slot-scope="scope">
        </template>
      </el-table-column>
      <el-table-column
        label="最后修改时间">
        <template slot-scope="scope">
        </template>
      </el-table-column>
      <el-table-column
        label="客户备注">
        <template slot-scope="scope">
        </template>
      </el-table-column>
      <el-table-column
        label="船代公司">
        <template slot-scope="scope">
        </template>
      </el-table-column>
      <el-table-column
        label="方箱备注">
        <template slot-scope="scope">
        </template>
      </el-table-column>
      <el-table-column
        label="内部编号">
        <template slot-scope="scope">
        </template>
      </el-table-column>
      <el-table-column
        label="业务员">
        <template slot-scope="scope">
        </template>
      </el-table-column>
    </el-table>
    <!-- 分页 -->
    <el-pagination
      background
      small
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="currentPage4"
      :page-sizes="[100, 200, 300, 400]"
      :page-size="100"
      layout="total, sizes, prev, pager, next, jumper"
      :total="400">
    </el-pagination>
  </div>
</template>

<script>
export default {
  data () {
    return {
      labelWidth: '80px'
    }
  }
}
</script>

<style lang="less">
</style>
